<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./static/img/favicon.ico" rel="shortcut icon"/>
    <title>甘肃品牌网</title>
    <link type="text/css" rel="stylesheet" href="./static/css/index.css">
    <link type="text/css" rel="stylesheet" href="./static/css/reset.css">
    <link type="text/css" rel="stylesheet" href="./static/css/swiper.min.css">
    <script type="text/javascript" src="./static/js/jquery.min.js?v=1.11.1"></script>
    <script type="text/javascript" src="./static/js/swiper.min.js"></script>
    <script type="text/javascript" src="./static/js/jquery.SuperSlide.2.1.3.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            getNum()
            function getNum() {
                var www = $(".index-nav li:first").width()
                $(".index-nav li").css("width",www)
            }
        });
    </script>
</head>
<body>
<div class="index_header" id="app">
    <div class="logo">
        <img src="static/img/website/sbxh-logo-a.png" alt />
    </div>
    <div class="search">
        <div class="search_top">
            <div>
                <img src="static/img/website/renyuan.png" alt />
                <a href="/mem-login">会员登录</a>
            </div>
            <div class="kong"></div>
            <div>
                <img src="static/img/website/huiyuan.png" alt />
                <a href="/mem-register">网站管理</a>
            </div>
        </div>
        <div class="search_top" style="color: #ccc;">
            <!--<div th:with="data=${@webViewData.getUserName(session.username)}">
                <p th:text="${data}">深圳九弼红科技有限公司</p>
            </div>-->
        </div>
        <div class="search_down">
            <input name="q" type="text" class="search-keyword" id="search-keyword" placeholder="搜索"
                   onfocus="if(this.value=='在这里搜索...'){this.value='';}"
                   onblur="if(this.value==''){this.value='在这里搜索...';}" />
            <img src="static/img/website/search.png" alt="">
        </div>
    </div>
</div>
<div class="clearfix navbar-collapse collapse index_nav" role="navigation">
    <ul class="index-nav">
        <li class="nav-item">
            <a href="#">首页</a>
        </li>
        <li class="nav-item">
            <span class="navbtn"><a href="#">通知公告</a></span>
            <div class="down-nav">
                <ul>
                    <li class="navbtn">
                        <a href="#">通知</a>
                    </li>
                    <li class="navbtn">
                        <a href="#">通告</a>
                    </li>
                    <li class="navbtn">
                        <a href="#">公告</a>
                    </li>
                    <li class="navbtn">
                        <a href="#">函</a>
                    </li>
                </ul>
            </div>
        </li>
        <li class="nav-item">
            <a href="#">法律法规</a>
        </li>
        <li class="nav-item">
            <a href="#">商标服务</a>
        </li>
        <li class="nav-item">
            <a href="#">商标保护</a>
        </li>
        <li class="nav-item">
            <a href="#">品牌研究院</a>
        </li>
        <li class="nav-item">
            <a href="#">分支机构</a>
        </li>
        <li class="nav-item">
            <a href="#">会员之家</a>
        </li>
        <li class="nav-item">
            <a href="#">关于协会</a>
        </li>
    </ul>
<!--    <ul class="index-nav" th:with="data=${@webViewData.getWebMenuList('all-page','menu-top',0)}" >-->
<!--        <li class="nav-item">-->
<!--            <a href="/index" class="navbtn" id="shouye">首页</a>-->
<!--        <li class="nav-item" th:each="topMenuData: ${data}" th:with="menuId=${topMenuData.id}" th:id="'firstM'+${topMenuData.id}">-->
<!--            <span class="navbtn"><a href="javascript:void(0);" class="fnt20" th:text="${topMenuData.menuName}">案例分析</a></span>-->
<!--            <div class="down-nav" th:with="subData=${@webViewData.getWebMenuList('all-page','menu-top',menuId)}">-->
<!--                <ul>-->
<!--                    <li class="navbtn"  th:each="topMenuDataThird: ${subData}" th:if="${topMenuDataThird.menuType} eq 'v'">-->
<!--                        <a th:href="${topMenuDataThird.menuUrl}+'?p='+${topMenuDataThird.parentId} + '&s=' +${topMenuDataThird.Id}" th:text="${topMenuDataThird.menuName}" th:id="${topMenuDataThird.parentId} +'M'+ ${topMenuDataThird.id}"></a>-->
<!--                    </li>-->
<!--                </ul>-->
<!--            </div>-->
<!--        </li>-->
<!--    </ul>-->
</div>
<div class="warpper">
    <div>
        <!--banner-->
        <img src="./static/img/website/banner-02.jpg" width="1920" height="523">
    </div>
</div>
<div id="main">
    <div class="link_list">
        <ul>
            <li class="system-one" style="float: left;"><a href="#">甘肃省商标库</a></li>&nbsp;&nbsp;
            <li class="system-two" style="float: right;"><a href="/trademark-list">商标维权专家库</a></li>
        </ul>
    </div>
    <div class="home_list">
        <div class="swiper1">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./static/img/website/slider-a.jpg"></div>
                    <div class="swiper-slide">
                        <img src="./static/img/website/slider-b.jpg"></div>
                    <div class="swiper-slide">
                        <img src="./static/img/website/slider-c.jpg"></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <!-- <div class="swiper-button-next"></div> -->
                <!-- <div class="swiper-button-prev"></div> -->
            </div>
        </div>
        <div class="list">
            <div class="hd">
                <ul>
                    <li>新闻中心</li>
                    <li>通知公告</li>
                    <li>法律法规</li>
                    <li>协会动态</li>
                </ul>
                <!-- <div>新闻中心</div> -->
                <!-- <div>通知公告</div>
                <div>政策法规</div>
                <div><img src="./assets//index/right.png" alt=""></div> -->
            </div>
            <div class="bd">
                <ul th:with="newsList=${@webViewData.getWebPictureList('page-index','news-center')}">
                    <li>
                        <div class="list_show" th:with="data=${@webViewData.getWebPicture('page-index','news-center',1)}">
                            <div>
                                <img src="img/info.png" th:src="${data.picturePath}" alt="">
                            </div>
                            <div class="list_info">
                                <div class="text1">
                                    <a th:href="'/data-detail?id=' + ${data.pictureId}">
                                        <div th:if="${data.pictureTitle.length() lt 25}" th:text="${data.pictureTitle}"></div>
                                        <div th:if="${data.pictureTitle.length() ge 25}" th:text="${data.pictureTitle.substring(0,22)}+'……'"></div>
                                    </a>
                                    <div class="index_list_t_r" style="padding-right: 0;float: right;background-color: red"><a href="#">更多</a></div>
                                </div>
                                <div class="kong1"></div>
                                <div class="text2" th:text="${data.pictureBrief}"></div>
                            </div>
                        </div>
                    </li>
                    <li th:each="oneNews: ${newsList}" th:if="${oneNews.pictureSort} ne 1 and ${oneNewsStat.index}  lt 5">
                        <div class="info_left">
                            <div class="long"></div>
                            <a th:href="'/data-detail?id=' + ${oneNews.pictureId}" th:text="${oneNews.pictureTitle}"></a>
                        </div>
                        <div class="info_right" th:text="${#dates.format(oneNews.createdTime,'MM/dd . yyyy')}"> 2023-04-08</div>
                    </li>
                </ul>
                <ul th:with="noticeList=${@webViewData.getWebPictureList('page-index','only-notice')}">
                    <li>
                        <div class="list_show" th:with="data=${@webViewData.getWebPicture('page-index','only-notice',1)}">
                            <div>
                                <img th:src="${data.picturePath}" alt="">
                            </div>
                            <div class="list_info">
                                <div class="text1">
                                    <div>
                                        <a th:href="'/data-detail?id=' + ${data.pictureId}">
                                            <div th:if="${data.pictureTitle.length() lt 25}" th:text="${data.pictureTitle}"></div>
                                            <div th:if="${data.pictureTitle.length() ge 25}" th:text="${data.pictureTitle.substring(0,22)}+'……'"></div>
                                        </a>
                                        <div class="index_list_t_r" style="padding-right: 0; float: right;background-color: red"><a href="#">更多</a></div>
                                    </div>
                                </div>
                                <div class="kong1"></div>
                                <!--<div class="text2" th:text="${data.pictureBrief}"></div>-->
                                <div class="text2" th:text="${data.pictureBrief.substring(0,62)}+'……'">></div>
                            </div>
                        </div>
                    </li>
                    <li th:each="oneNotice: ${noticeList}" th:if="${oneNotice.pictureSort} ne 1 and ${oneNoticeStat.index}  lt 6">
                        <div class="info_left">
                            <div class="long"></div>
                            <a th:href="'/data-detail?id=' + ${oneNotice.pictureId}" th:if="${oneNotice.pictureTitle.length() lt 28}"  th:text="${oneNotice.pictureTitle}"></a>
                            <a th:href="'/data-detail?id=' + ${oneNotice.pictureId}" th:if="${oneNotice.pictureTitle.length() ge 28}"  th:text="${oneNotice.pictureTitle.substring(0,28)}+'……'"></a>
                        </div>
                        <div class="info_right" th:text="${#dates.format(oneNotice.createdTime,'MM/dd . yyyy')}"> 2023-04-08</div>
                    </li>
                </ul>
                <ul th:with="policiesList=${@webViewData.getWebPictureList('page-index','relative-laws')}">
                    <li>
                        <div class="list_show" th:with="data=${@webViewData.getWebPicture('page-index','relative-laws',1)}">
                            <div>
                                <img src="img/info.png" th:src="${data.picturePath}" alt="">
                            </div>
                            <div class="list_info">
                                <div class="text1">
                                    <a th:href="'/data-detail?id=' + ${data.pictureId}">
                                        <div th:if="${data.pictureTitle.length() lt 25}" th:text="${data.pictureTitle}"></div>
                                        <div th:if="${data.pictureTitle.length() ge 25}" th:text="${data.pictureTitle.substring(0,22)}+'……'"></div>
                                    </a>
                                </div>
                                <div class="kong1"></div>
                                <div class="text2" th:if="${data.pictureBrief.length() lt 60}" th:text="${data.pictureBrief}"></div>
                                <div class="text2" th:if="${data.pictureBrief.length() ge 60}" th:text="${data.pictureBrief.substring(0,60)}"></div>
                            </div>
                        </div>
                    </li>
                    <li th:each="onePolicies: ${policiesList}" th:if="${onePolicies.pictureSort} ne 1 and ${onePoliciesStat.index}  lt 6">
                        <div class="info_left">
                            <div class="long"></div>
                            <a th:href="'/data-detail?id=' + ${onePolicies.pictureId}" th:if="${onePolicies.pictureTitle.length() lt 28}"  th:text="${onePolicies.pictureTitle}"></a>
                            <a th:href="'/data-detail?id=' + ${onePolicies.pictureId}" th:if="${onePolicies.pictureTitle.length() ge 28}"  th:text="${onePolicies.pictureTitle.substring(0,28)}+'……'"></a>
                        </div>
                        <div class="info_right" th:text="${#dates.format(onePolicies.createdTime,'MM/dd . yyyy')}"> 2023-04-08</div>
                    </li>
                </ul>
                <ul th:with="updatesList=${@webViewData.getWebPictureList('page-index','association-updates')}">
                    <li>
                        <div class="list_show" th:with="data=${@webViewData.getWebPicture('page-index','association-updates',1)}">
                            <div>
                                <img src="img/info.png" th:src="${data.picturePath}" alt="">
                            </div>
                            <div class="list_info">
                                <div class="text1">
                                    <a th:href="'/data-detail?id=' + ${data.pictureId}">
                                        <div th:if="${data.pictureTitle.length() lt 25}" th:text="${data.pictureTitle}"></div>
                                        <div th:if="${data.pictureTitle.length() ge 25}" th:text="${data.pictureTitle.substring(0,22)}+'……'"></div>
                                    </a>
                                </div>
                                <div class="kong1"></div>
                                <div class="text2" th:if="${data.pictureBrief.length() lt 60}" th:text="${data.pictureBrief}"></div>
                                <div class="text2" th:if="${data.pictureBrief.length() ge 60}" th:text="${data.pictureBrief.substring(0,60)}"></div>
                            </div>
                        </div>
                    </li>
                    <li th:each="oneUpdates: ${updatesList}" th:if="${oneUpdates.pictureSort} ne 1 and ${oneUpdatesStat.index}  lt 6">
                        <div class="info_left">
                            <div class="long"></div>
                            <a th:href="'/data-detail?id=' + ${oneUpdates.pictureId}" th:if="${oneUpdates.pictureTitle.length() lt 28}"  th:text="${oneUpdates.pictureTitle}"></a>
                            <a th:href="'/data-detail?id=' + ${oneUpdates.pictureId}" th:if="${oneUpdates.pictureTitle.length() ge 28}"  th:text="${oneUpdates.pictureTitle.substring(0,28)}+'……'"></a>
                        </div>
                        <div class="info_right" th:text="${#dates.format(oneUpdates.createdTime,'MM/dd . yyyy')}"> 2023-04-08</div>
                    </li>
                </ul>
            </div>
        </div>
        <script type="text/javascript">jQuery(".list").slide({ effect: "leftLoop", trigger: "click", pnLoop: false });
        $(".hd li").click(function () {
            $(".hd li").css("background", "#F6F6F6")
            $(this).css("background", "#ffffff");
        });
        </script>
    </div>
    <div class="title ">
        <img src="./static/img/title.png" alt="">
    </div>
    <div class="index_list">
        <div>
            <div class="index_list_t">
                <div class="index_list_t_l">
                    <img src="./static/img/website/sbzx.png" alt="">
                    <p>商标资讯</p>
                </div>
                <div class="index_list_t_r"><a href="/data-list?id=68">更多</a></div>
            </div>
            <div class="index_list_d" th:with="trademarkInfo=${@webViewData.getWebPicturePageList('page-index','trademark-info')}">
                <ul>
                    <li th:each="infoData: ${trademarkInfo}">
                        <div class="index_list_left">
                            <div class="long"></div>
                            <a th:href="'/data-detail?id='+${infoData.pictureId} +'&imp=43'+'&ims=44'" th:text="${infoData.pictureTitle}"></a>
                        </div>
                        <div class="index_list_right" th:text="${#dates.format(infoData.createdTime,'MM/dd. yyyy')}"></div>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <div class="index_list_t">
                <div class="index_list_t_l">
                    <img src="./static/img/website/xhdt.png" alt="">
                    <p>商标设计</p>
                </div>
                <div class="index_list_t_r"><a href="/data-list?id=91">更多</a></div>

            </div>
            <div class="index_list_d" th:with="trademarkDesign=${@webViewData.getWebPicturePageList('page-index','trademark-design')}">
                <ul>
                    <li th:each="designData: ${trademarkDesign}">
                        <div class="index_list_left">
                            <div class="long"></div>
                            <a th:href="'/data-detail?id='+ ${designData.pictureId}" th:text="${designData.getPictureTitle()}">商标侵权研究专题组工作会议在商标协会召开</a>
                        </div>
                        <div class="index_list_right" th:text="${#dates.format(designData.createdTime,'MM/dd. yyyy')}">2023-05-16</div>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <div class="index_list_t">
                <div class="index_list_t_l">
                    <img src="./static/img/website/pptd.png" alt="">
                    <p>品牌天地</p>
                </div>
                <div class="index_list_t_r"><a th:href="'/data-list?id=93'">更多</a></div>
            </div>
            <div class="index_list_d" th:with="brandPromotion=${@webViewData.getWebPicturePageList('page-index','brand-promotion')}">
                <ul>
                    <li th:each="promotionData: ${brandPromotion}">
                        <div class="index_list_left">
                            <div class="long"></div>
                            <a th:href="'/data-detail?id='+ ${promotionData.pictureId}" th:text="${promotionData.pictureTitle}"></a>
                        </div>
                        <div class="index_list_right" th:text="${#dates.format(promotionData.createdTime,'MM/dd. yyyy')}">2023-05-16</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="title2 ">
        <div class="img_warp">
            <img src="./static/img/website/title_bg.png" alt="">
        </div>
        <div class="info_warp">
            <div>
                <div class="info_warp_t">会员名录</div>
                <div class="info_warp_d">商标协会会员名录</div>
            </div>
        </div>
    </div>
    <div class="warpper2">
        <div class="bd">
            <ul class="picList" style="border: 0">
                <li>
                    <div class="pic"><a href="#"><img src="./static/img/website/22.png" /></a></div>
                </li>
                <li>
                    <div class="pic"><a href="#"><img src="./static/img/website/33.png" /></a></div>
                </li>
                <li>
                    <div class="pic"><a href="#"><img src="./static/img/website/44.png" /></a></div>
                </li>
                <li>
                    <div class="pic"><a href="#"><img src="./static/img/website/55.png" /></a></div>
                </li>
                <li>
                    <div class="pic"><a href="#"><img src="./static/img/website/55.png" /></a></div>
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(".warpper2").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "leftLoop", autoPlay: true, vis: 5, trigger: "click" });
    </script>
</div>
<div id="footer"></div>
<script type="text/javascript" src="./static/js/swiper.min.js"></script>

<script>
    (function (){
        $("#footer").load("footer.html");
    })()
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
</script>
<script>


</script>
</body>
</html>